<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>充值 </title>
    <link rel="stylesheet" href="__TEMPLATE__/webfile/main.css">
    <script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
    <style>
        .cz_header {
            width: 96%;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ccc;
            overflow: hidden;
            padding: 10px 2%;
        }

        .cz_header>div {
            float: left;
            height: 30px;
        }

        .info_money {
            width: 96%;
            padding: 0 2%;
            border-bottom:1px solid #ccc;
        }

        .info_money p {
            height: 30px;
            line-height: 30px;
            width: 100%;
            margin-bottom: 15px;
        }

        .info_money div span {
        	width:120px;
        	display:block;
            height: 40px;
            text-align: center;
            float: left;
            font-size:16px;
            border: 1px solid #ccc;
            line-height:40px;
            border-radius: 3px;
            background:#e6e6e6;
            margin:15px 25px;
        }
       
        .info_money div .add_bg {
            background: #f00;
            color: #fff;
        }
        .xzfs {
        	
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-bottom:10px;
        }
         .xzfs li {
        	width:120px;
            height: 40px;
            float: left;
            border: 2px dashed #ccc;
            border-radius: 3px;
            padding:4px 10px;
           margin:10px 20px;
            position:relative;
            overflow: hidden;
        }
        .xzfs li a {
            display: block;
            overflow: hidden;
            text-decoration: none;
            color: #000;
        }
         .xzfs li a h2{text-align: center;font-size:16px;}
        .xzfs li a div {
            font-size: 14px;
            font-weight: bold;
        }
        .xzfs li a div span{display:block;text-align: center;}

    </style>
</head>

<body cz-shortcut-listen="true">
<div class="header">
    <div class="main main_btm_border">
        <div class="left logo">
            <a href="{:url('index/home')}" class="logo-link">
						<span class="logo_image">
						</span>
                <style>
                    .logo_image {
                        background-image:url("__ATTACHMENT__/{$logo.logoimg}")!important
                    }
                </style>
            </a>
        </div>
        <div class="right login_and_userinfo_1">
            <div class="login_header">
						<span class="welcome">
						</span>
                <div class="mobile_download" style="cursor:pointer">
                    <i class="iconfont">
                        
                    </i>
                    <i class="iconfont">
                        
                    </i>
							<span class="">
								手机app下载
							</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="model_2" class="model_2" style="display:none">
    <div class="model_header">
        <h1>
            温馨提醒
        </h1>
    </div>
    <div class="model_body">
				<span id="model_content">
				</span>
    </div>
    <div class="foot_succ">
        <a onclick="jQuery.modal.close()" class="btn btn-default btn-radius">
            确定
        </a>
    </div>
</div>
<div class="main usercenter">
    <div class="user_topup">
        <div class="user_menu left">
            <h2>会员中心</h2>
            <ul>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/index')}">个人中心</a>
                </li>
                <li class="hover"><i class="iconfont"></i>
                    <a class="user_goto_finance" href="{:url('user/recharge')}">财务中心</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/callRecord')}">交易记录</a>
                </li>
                <!-- <li><i class="iconfont"></i><a href="{:url('user/detail')}">详细设定</a></li> -->
                <li><i class="iconfont"></i>
                    <a href="{:url('user/peilvdetail')}">赔率详情</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/message')}">信息公告</a>
                </li>
            </ul>

            <h2>代理中心</h2>
            <ul>
                <li><i class="iconfont"></i>
                    <a class="user_goto_finance" href="{:url('user/dlCentent')}">代理说明</a>
                </li>
                {if($f.dl==1)}
                <li><i class="iconfont"></i>
                    <a href="{:url('user/dailibaobiao')}">代理报表</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajibaobiao')}">下级报表</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajikaihu')}">下级开户</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/xiajiguanli')}">下级管理</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/touzhumingxi')}">投注明细</a>
                </li>
                <li><i class="iconfont"></i>
                    <a href="{:url('user/jiaoyimingxi')}">交易明细</a>
                </li>
                {else/}
                <li><i class="iconfont"></i>
                    <a href="{:url('user/shenqing')}">代理申请</a>
                </li>
                {/if}
            </ul>
        </div>
        <div class="user_right right" style="height:;">
            <div class="user_main">
                <div class="user_header">
                    <div class="user_header_nav">
                        <ul>
                            <li class="hover">
                                <a href="{:url('user/recharge')}">充值</a>
                            </li>
                            <li>
                                <a href="{:url('user/drawMoney')}">提现</a>
                            </li>
                            <li>
                                <a href="{:url('user/rechargeRecord')}">充值记录</a>
                            </li>
                            <li>
                                <a href="{:url('user/drawMoneyRecord')}">提现记录</a>
                            </li>
                            <li>
                                <a href="{:url('user/other')}">其他记录</a>
                            </li>
                            <li style="background:#fff;float:right;height:36px;margin-top:4px;margin-right:4px;font-size:12px;line-height:36px;padding:0 4px;">
                                <span style="margin-right:10px;">账&nbsp;&nbsp;号：{$user_all.username}</span>
                                <span >金额：<i style="color:red;font-style: normal">{$user_all.je}</i></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="user_body" style="padding:0;">
                	<div id="content">
                                <input style="{if(2!=$bank['method'])} display: none; {else/} display: block; {/if}margin:20px auto 10px;height:35px;width:265px;line-height:16px;" id="makecode" type="button" value="生成二维码" class="btn btn-default btn-radius">
                                <div id="pay_third" {if(1!=$bank['method'])} style="display: none;" {/if} style="margin-top:50px;height:40px;" >
                                    <input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" data-controller=""  data-id=""  data-key="" id="third_detail" type="button" value="提交" class="btn btn-default btn-radius">
                                </div>
                                <div style="width:90%; padding-top:20px;height:auto;  background:#fff;overflow: auto; {if(2!=$bank['method'])} display: none; {/if}" id="pay_online">
                                    <div style="text-align:center;font-size:14px;">
                                        <span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;"> 充值账号：&nbsp;&nbsp;<i id="online_pay_name" style="font-style: normal;">{$name}</i></span>
                                        <img id="online_pay_img" src="" style="margin-top:10px;" width="190"><br />
                                        <span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;" id="sm"></span>
                                        <div style="width:100%;color:#FF0000;display:text-align: center;" id="online_djs">05分00秒失效</div>
                                        <input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="我已支付" class="btn btn-default btn-radius" onclick="window.location='{:url('user/index')}'">
                                    </div>
                                </div>
                                <div style="border-right:1px solid #ccc; {if(3!=$bank['method'] || '银联'!=$bank['pay_name'])} display: none; {/if}" id="off_bank">
                                    <div class="money">
                                        <label>
                                            <em class="red">
                                                ＊
                                            </em>
                                            验证信息:
                                        </label>
                                        <div class="form">
                                            <div class="form_group">
                                                <input type="text" placeholder="请填写您的银行卡号" name="bandno" required="required">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="money">
                                        <label>
                                            <em class="red">
                                                ＊
                                            </em>
                                            存入时间:
                                        </label>
                                        <div class="form">
                                            <div class="times banktime"></div>
                                        </div>
                                    </div>
                                    <div style="text-align: center;">
                                        <span style="color:#FF0000;margin-left:4%;font-size:14px;">银 行 名 称：&nbsp;&nbsp;<span id="bank_mc"></span></span><br />
                                        <span style="color:#FF0000;margin-left:4%;font-size:14px;">收 款 账 号：<span id="bank_num"></span>&nbsp;&nbsp;</span><br />
                                        <span style="color:#FF0000;margin-left:4%;font-size:14px;">收 款 姓 名：<span id="bank_name"></span>&nbsp;&nbsp;</span><br />
                                    </div>
                                    <input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="提交" class="off_save btn btn-default btn-radius">
                                </div>
                                <div style="border-right:1px solid #ccc;{if( 3!=$bank['method'] || '银联'==$bank['pay_name'])} display: none; {/if}" id="pay_offline">
                                    <div class="money">
                                        <label>
                                            <em class="red">
                                                ＊
                                            </em>
                                            验证信息:
                                        </label>
                                        <div class="form">
                                            <div class="form_group">
                                                <input type="text" placeholder="" name="words" required="required">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="money">
                                        <label>
                                            <em class="red">
                                                ＊
                                            </em>
                                            存入时间:
                                        </label>
                                        <div class="form ">
                                            <div class="times offtime">
                                            </div>
                                        </div>
                                    </div>
                                    <div style="text-align: center;">
                                        <img id="off_img" src="" width="200" height="200"><br />
                                        <span style="color:#FF0000">收 款 <span id="off_lab"></span> 账 号：&nbsp;&nbsp;<span id="off_name"></span></span><br />
                                    </div>
                                    <input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="提交" class="off_save btn btn-default btn-radius">
                                </div>
                            </div>
               </div>
               
               
               
            </div>
        </div>
    </div>
</div>
<script>
	$('#money_value').children('span').click(function() {
        var money_value = $(this).data('val');
        $('#money_value').children('span').removeClass('add_bg');
        $(this).addClass('add_bg');
        $('#recharge_money').val(money_value);
    });
</script>
</body>
